<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入模块 -->
    <script src="./a.js"></script>
    <script src="./b.js"></script>
</head>

<body>
    <script>
        //前端模块化: 把代码 分不同的文件存放起来,文件就是模块
        //模块内部有独立的命名空间
        //简单划分: 变量污染

        /* 
        1.自执行函数,不够灵活
        2.独立命名空间,引用非常复杂
        3.利用js框架实现前端的模块化:  require.js  基于 ADM规范  sea.js  基于CMD 规范
        4.ES6----> 自己的模块化工具 ESM ---> ES6module  ---> 原生js提供模块化
        5.后期使用nodejs 里的commonjs  模块化
            模块化:
                -1.ESM
                -2.commonjs规范nodejs里的模块化工具
        */


        console.log(aModule.a); //10
        console.log(bModule.a); //10
    </script>
</body>

</html>